<template>
    <div class="container">
        <div class="company-detail">
            <header>
                <router-link to="/">首页 / </router-link>
                <router-link to="/partner/company">企业管理 / </router-link>
                {{detail.coreData?detail.coreData.companyName:''}}
            </header>
            <div v-if="messageList.length > 0" class="focus-pointer mb30">
                <div class="flex-box-align" style="padding-left: 18px; position: relative; width: 100%;">
                    今日要事：
                    <div class="message">
                        <ul class="marquee_list" :style="{ top: -num + 'px'}" :class="{marquee_top:num}">
                            <li v-for="(item, index) in messageList" :key="index" v-if="messageList && messageList.length">
                                <router-link :to="{name: item.route}">{{item.showMsg}}</router-link>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="company-status flex-box-align mb30">
                <div>公司状态：{{detail.coreData?detail.coreData.auditStatusDesc:''}}</div>
                <el-button v-if="detail.coreData&&detail.coreData.auditStatus != 'pass'" type="primary"  @click="$router.push('/check/firstCheckDetail?id='+detail.baseData.id)" style="background-color: #ED7018;border-color: #ED7018;margin-left: 73px;">初审认证</el-button>
            </div>

            <div class="main-info flex-box-justify mb30">
                <div class="primary-info flex">
                    <div class="flex-box-align head-title mb30">
                        <div class="flex">基本信息</div>
                        <el-button type="primary" style="background-color: #ED7018;border-color: #ED7018;" @click="$router.push('/partner/companyPrimaryDetail?id='+id+'&name='+detail.coreData.companyName )">详情</el-button>
                    </div>
                    <div class="info_sec">
                       <div class="info-list">
                           <div class="info-name">企业名称：</div>
                           <div class="info-desc">{{detail.coreData && detail.coreData.companyName ? detail.coreData.companyName : ''}}</div>
                       </div>
                       <div class="info-list">
                           <div class="info-name">成立时间：</div>
                           <div class="info-desc">{{detail.coreData && detail.coreData.regdate?detail.coreData.regdate.split(' ')[0]:'--'}}</div>
                       </div>
                       <div class="info-list">
                           <div class="info-name">注册资本：</div>
                           <div class="info-desc">{{detail.coreData && detail.coreData.regMoney?detail.coreData.regMoney:'--'}}</div>
                       </div>
                        <!-- <div class="info-list">
                           <div class="info-name">实收资本：</div>
                           <div class="info-desc">{{detail.coreData.companyName}}</div>
                       </div> -->
                        <div class="info-list">
                           <div class="info-name">企业类型：</div>
                           <div class="info-desc">{{detail.coreData && detail.coreData.userType ? userTypeArr[detail.coreData.userType] : ''}}</div>
                       </div>
                       <div class="info-list">
                           <div class="info-name">法定代表人：</div>
                           <div class="info-desc">{{detail.licenceData && detail.licenceData.legalCardId ? detail.licenceData.legalCardId : ''}}</div>
                       </div>
                    </div>
                </div>
                <div class="wrapper-info flex">
                    <div class="equity-info mb30">
                        <div class="flex-box-align head-title mb30">
                            <div class="flex">投融资信息</div>
                            <el-button  @click="$router.push('/partner/equityList?id='+id+'&name='+detail.coreData.companyName )" type="primary" style="background-color: #ED7018;border-color: #ED7018;">详情</el-button>
                        </div>
                        <div class="equity-wrap">
                            <div class="wrap-left">
                                <div class="left-name">{{detail.coreData&&detail.coreData.financeLevelDesc ?detail.coreData.financeLevelDesc :'--'}}</div>
                                <div class="left-desc">融资轮次</div>
                            </div>
                            <div class="wrap-right">
                                <div class="table-menu">
                                    <div class="table-list title">
                                        <div class="list">股东名称</div>
                                        <div class="list">出资额</div>
                                        <div class="list">出资比例</div>
                                    </div>
                                    <div class="table-list" v-if="index<2" v-for="(item,index) in detail.stockDatas" :key="index">
                                        <div class="list">{{item.otherMaster?item.otherMaster:masterTypeDesc}}</div>
                                        <div class="list">{{returnPrice(item.giveNums)}}</div>
                                        <div class="list">{{item.stockRate?item.stockRate+'%':'/'}}</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="stock-info">
                        <div class="flex-box-align head-title mb30">
                            <div class="flex">股权结构</div>
                            <el-button type="primary" @click="$router.push('/partner/stockList?id='+id+'&name='+detail.coreData.companyName )" style="background-color: #ED7018;border-color: #ED7018;">详情</el-button>
                        </div>
                        <div class="loan-wrap">
                            <div class="wrap-right">
                                <div class="table-menu">
                                    <div class="table-list title">
                                        <div class="list">股东名称</div>
                                        <div class="list">出资额</div>
                                        <div class="list">占股比例</div>
                                    </div>
                                    <div class="table-list" v-if="index<2" v-for="(item,index) in detail.companyStockDatas" :key="index">
                                        <div class="list">{{item.masterName}}</div>
                                        <div class="list">{{item.stockAmount }}万</div>
                                        <div class="list">{{item.stockRate }}%</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="loan-info">
                        <div class="flex-box-align head-title mb30">
                            <div class="flex">贷款情况</div>
                            <el-button type="primary" @click="$router.push('/partner/userLoan?id='+id+'&name='+detail.coreData.companyName )" style="background-color: #ED7018;border-color: #ED7018;">详情</el-button>
                        </div>
                        <div class="loan-wrap">
                            <div class="wrap-left">
                                <div class="left-name">{{detail.unclearedFund?returnPrice(detail.unclearedFund,true):'--'}}</div>
                                <div class="left-desc">未清贷款总额</div>
                            </div>
                            <div class="wrap-right">
                                <div class="table-menu">
                                    <div class="table-list title">
                                        <div class="list">贷款银行</div>
                                        <div class="list">金额</div>
                                        <div class="list">申请时间</div>
                                        <div class="list">担保方式</div>
                                    </div>
                                    <div class="table-list" v-if="index<2" v-for="(item,index) in detail.userLoanDatas" :key="index">
                                        <div class="list">{{item.vcTypeDesc}}</div>
                                        <div class="list">{{item.totalLoanFund+ (item.fundUn == 'y'?'亿':'万') }}</div>
                                        <div class="list">{{item.loanTime?item.loanTime.split(' ')[0]:'--'}}</div>
                                        <div class="list">{{item.guaranteeTypeDesc}}</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="money-info mb30">
                <div class="flex-box-align head-title mb30">
                    <div class="flex">财务信息</div>
                    <el-button type="primary" @click="$router.push('/partner/financialInfo_v2/financialReportAnalysis?id='+id+'&name='+detail.coreData.companyName )" style="background-color: #ED7018;border-color: #ED7018;">详情</el-button>
                </div>
                <div class="money-wrap">
                    <div class="money-list">
                        <div class="money-title">财务报表指标</div>
                        <div class="money-desc"><span>营业收入：</span><span>{{returnPrice(detail.financeBaseData && detail.financeBaseData.revenue ? detail.financeBaseData.revenue : '')}}</span></div>
                        <div class="money-desc"><span>营业利润：</span><span>{{returnPrice(detail.financeBaseData && detail.financeBaseData.operationProfit ? detail.financeBaseData.operationProfit : '')}}</span></div>
                        <div class="money-desc"><span>净利润：</span><span>{{returnPrice(detail.financeBaseData && detail.financeBaseData.netProfit ? detail.financeBaseData.netProfit :'')}}</span></div>
                        <div class="money-desc"><span>货币资金：</span><span>{{returnPrice(detail.financeBaseData && detail.financeBaseData.bankCash ? detail.financeBaseData.bankCash : '')}}</span></div>
                        <div class="money-desc"><span>总资产：</span><span>{{returnPrice(detail.financeBaseData && detail.financeBaseData.totalAssets ? detail.financeBaseData.totalAssets : '')}}</span></div>
                        <div class="money-desc"><span>总负债：</span><span>{{returnPrice(detail.financeBaseData && detail.financeBaseData.totalLiability ? detail.financeBaseData.totalLiability : '')}}</span></div>
                        <div class="money-desc"><span>净资产：</span><span>{{returnPrice(detail.financeBaseData && detail.financeBaseData.totalNetAssets ? detail.financeBaseData.totalNetAssets : '')}}</span></div>
                        <div class="money-desc"><span>经营活动产生的净现金流：</span><span>{{returnPrice(detail.financeBaseData && detail.financeBaseData.runNetFlows ? detail.financeBaseData.runNetFlows : '')}}</span></div>
                    </div>
                    <div class="money-list">
                        <div class="money-title">运营能力指标</div>
                        <div class="money-desc"><span>应收账款周转率：</span><span>{{detail.financeBaseData && detail.financeBaseData.accountReceivableTurnoverRate ? detail.financeBaseData.accountReceivableTurnoverRate : ''}}</span></div>
                        <div class="money-desc"><span>存货周转率：</span><span>{{detail.financeBaseData && detail.financeBaseData.inventoryTurnoverRate ? detail.financeBaseData.inventoryTurnoverRate : ''}}</span></div>
                        <div class="money-desc"><span>营运周期：</span><span>{{detail.financeBaseData && detail.financeBaseData.operatingCycle ? detail.financeBaseData.operatingCycle : ''}}</span></div>
                        <div class="money-desc"><span>流动资金：</span><span>{{returnPrice(detail.financeBaseData && detail.financeBaseData.currentCash ? detail.financeBaseData.currentCash : '')}}</span></div>
                        <div class="money-desc"><span>管理费用率：</span><span>{{detail.financeBaseData && detail.financeBaseData.managerChargeRate ? detail.financeBaseData.managerChargeRate : ''}}</span></div>
                        <div class="money-desc"><span>销售费用率：</span><span>{{detail.financeBaseData && detail.financeBaseData.saleChargeRate ? detail.financeBaseData.saleChargeRate : ''}}</span></div>
                    </div>
                    <div class="money-list">
                        <div class="money-title">盈利能力指标</div>
                        <div class="money-desc"><span>毛利率：</span><span>{{detail.financeBaseData && detail.financeBaseData.grossMargin ? detail.financeBaseData.grossMargin : ''}}</span></div>
                        <div class="money-desc"><span>净利率：</span><span>{{detail.financeBaseData && detail.financeBaseData.netMargin ? detail.financeBaseData.netMargin : ''}}</span></div>
                    </div>
                    <div class="money-list">
                        <div class="money-title">偿债能力指标</div>
                        <div class="money-desc"><span>资产负债率：</span><span>{{detail.financeBaseData && detail.financeBaseData.financeBalanceRate ? detail.financeBaseData.financeBalanceRate : ''}}</span></div>
                        <div class="money-desc"><span>流动比率：</span><span>{{detail.financeBaseData && detail.financeBaseData.flowRate ? detail.financeBaseData.flowRate : ''}}</span></div>
                        <div class="money-desc"><span>速动比率：</span><span>{{detail.financeBaseData && detail.financeBaseData.fastFlowRate ? detail.financeBaseData.fastFlowRate : ''}}</span></div>
                    </div>
                    <div class="money-list">
                        <div class="money-title">成长能力指标</div>
                        <div class="money-desc"><span>营业收入增长率：</span><span>{{detail.financeBaseData && detail.financeBaseData.operationIncomeRate ? detail.financeBaseData.operationIncomeRate : ''}}</span></div>
                        <div class="money-desc"><span>净利润增长率：</span><span>{{detail.financeBaseData && detail.financeBaseData.netProfitRate ? detail.financeBaseData.netProfitRate : ''}}</span></div>
                        <div class="money-desc"><span>净资产增长率：</span><span>{{detail.financeBaseData && detail.financeBaseData.totalNetAssetsRate ? detail.financeBaseData.totalNetAssetsRate : ''}}</span></div>
                    </div>
                </div>
            </div>

            <div class="business-plan mb30">
                <div class="flex-box-align head-title mb30">
                    <div class="flex">商业计划书</div>
                    <el-button type="primary" style="background-color: #ED7018;border-color: #ED7018;" @click="$router.push('/partner/businessPlan?id='+id+'&name='+detail.coreData.companyName )">详情</el-button>
                </div>
            </div>

            <div class="question-info mb30">
                <div class="flex-box-align head-title mb30">
                    <div class="flex">标准化问题清单</div>
                    <el-button style="background-color: #ED7018;border-color: #ED7018;" type="primary"    @click="$router.push('/partner/questionList?id='+id+'&name='+detail.coreData.companyName )" >详情</el-button>
                </div>
                <div class="question-wrap">
                    <div class="question-infos">
                        <div class="infos">
                            <div class="infos-name">资金相关</div>
                            <div class="infos-list">申请金额：
                                <span>{{detail.quesCashData&&detail.quesCashData.applyMoney?detail.quesCashData.applyMoney+'元':'--'}}</span>
                            </div>
                            <div class="infos-list">申请授信用途：
                               <span>{{detail.quesCashData&&detail.quesCashData.applyUseInfo?detail.quesCashData.applyUseInfo:'--'}}</span>
                            </div>
                            <div class="infos-list">资金需求说明：
                               <span>{{detail.quesCashData&&detail.quesCashData.moneyRequestInfo?detail.quesCashData.moneyRequestInfo:'--'}}</span>
                            </div>
                            <div class="infos-list">还款来源说明：
                               <span>{{detail.quesCashData&&detail.quesCashData.paymentInfo?detail.quesCashData.paymentInfo:'--'}}</span>
                            </div>
                        </div>
                        <div class="table-list">
                            <div class="table-title">关联企业披露</div>
                            <div class="list-wrap">
                                <div class="list-names">
                                    <div class="list-name p20">关联企业名称</div>
                                    <div class="list-name p50">经营范围</div>
                                    <div class="list-name p20">关联类型</div>
                                </div>
                                <div class="list-info" v-for="(item,index) in detail.linkCompanyDatas" :key="index">
                                    <div class="list-value p20">
                                        <span  >{{item.companyName}}</span>
                                    </div>
                                    <div class="list-value p50">
                                        <span >{{item.businessScope}}</span>
                                    </div>
                                    <div class="list-value p20">
                                        <span  >{{item.linkTypeDesc}}</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="table-list">
                            <div class="table-title">主营构成</div>
                            <div class="list-wrap">
                                <div class="list-names">
                                    <div class="list-name p18">主营产品及服务名称</div>
                                    <div class="list-name p18">上一年营业收入(元)</div>
                                    <div class="list-name p18">上一年占总营业收入</div>
                                    <div class="list-name p18">本年预估营业收入(元)</div>
                                    <div class="list-name p18">本年预估占总营业收入%</div>
                                </div>
                                <div class="list-info"  v-for="(item,index) in detail.mainCompositionDatas" :key="index">
                                    <div class="list-value p18">
                                        <span >{{item.productName}}</span>
                                    </div>
                                    <div class="list-value p18">
                                        <span>{{returnPrice(item.lastYearIncome)}}</span>
                                    </div>
                                    <div class="list-value p18">
                                        <span >{{returnPrice(item.lastYearIncomeRate)}}</span>
                                    </div>
                                    <div class="list-value p18">
                                        <span >{{returnPrice(item.thisYearIncome)}}</span>
                                    </div>
                                    <div class="list-value p18">
                                        <span >{{item.thisYearIncomeRate}}</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="table-list">
                            <div class="table-title">公司最近一年内签订的主要销售合同或订单情况</div>
                            <div class="list-wrap">
                                <div class="list-names">
                                    <div class="list-name p18">签订时间</div>
                                    <div class="list-name p18">购方名称</div>
                                    <div class="list-name p18">合同金额（元）</div>
                                    <div class="list-name p18">备注</div>
                                </div>
                                <div class="list-info"  v-for="(item,index) in detail.mainOrderDatas" :key="index">
                                    <div class="list-value p18">
                                        <span >{{item.signTime}}</span>
                                    </div>
                                    <div class="list-value p18">
                                        <span>{{item.buyerName}}</span>
                                    </div>
                                    <div class="list-value p18">
                                        <span>{{returnPrice(item.contractPrice)}}</span>
                                    </div>
                                    <div class="list-value p18">
                                        <span>{{item.memo}}</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="table-list">
                            <div class="table-title">前五大客户情况</div>
                            <div class="list-wrap">
                                <div class="list-names">
                                    <div class="list-name p18">客户名称</div>
                                    <div class="list-name p18">销售商品或服务名称</div>
                                    <div class="list-name p18">上一年销售金额(元)</div>
                                    <div class="list-name p18">上一年销售金额占比%</div>
                                    <div class="list-name p18">本年预估销售金额(元)</div>
                                </div>
                                <div class="list-info" v-for="(item,index) in detail.mainCustomerDatas" :key="index">
                                    <div class="list-value p18">
                                        <span >{{item.customerName}}</span>
                                    </div>
                                    <div class="list-value p18">
                                        <span  >{{item.productName}}</span>
                                    </div>
                                    <div class="list-value p18">
                                        <span  >{{returnPrice(item.lastSalesIncome)}}</span>
                                    </div>
                                    <div class="list-value p18">
                                        <span >{{item.lastSalesIncomeRate}}</span>
                                    </div>
                                    <div class="list-value p18">
                                        <span  >{{returnPrice(item.thisSalesIncome)}}</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="table-list">
                            <div class="table-title">前五大供应商情况</div>
                            <div class="list-wrap">
                                <div class="list-names">
                                    <div class="list-name p18">供应商名称</div>
                                    <div class="list-name p18">采购商品或服务名称</div>
                                    <div class="list-name p18">上一年销售金额(元)</div>
                                    <div class="list-name p18">上一年销售金额占比%</div>
                                    <div class="list-name p18">本年预估销售金额(元)</div>
                                </div>
                                <div class="list-info" v-for="(item,index) in detail.mainSupplierDatas" :key="index">
                                    <div class="list-value p18">
                                        <span>{{item.supplierName}}</span>
                                    </div>
                                    <div class="list-value p18">
                                        <span >{{item.productName}}</span>
                                    </div>
                                    <div class="list-value p18">
                                        <span >{{returnPrice(item.lastSupplyIncome)}}</span>
                                    </div>
                                    <div class="list-value p18">
                                        <span  >{{item.lastSupplyIncomeRate}}</span>
                                    </div>
                                    <div class="list-value p18">
                                        <span  >{{returnPrice(item.thisSupplyIncome)}}</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="table-list">
                            <div class="table-title">企业银行融资情况（如有）</div>
                            <div class="list-wrap">
                                <div class="list-names">
                                    <div class="list-name p20">银行名称</div>
                                    <div class="list-name p20">贷款产品</div>
                                    <div class="list-name p10">授信额度</div>
                                    <div class="list-name p10">贷款金额</div>
                                    <div class="list-name p10">贷款利率</div>
                                    <div class="list-name p10">起止日期</div>
                                    <div class="list-name p10">担保方式</div>
                                </div>
                                <div class="list-info" v-for="(item,index) in detail.businessFinanceDatas" :key="index">
                                    <div class="list-value p20">
                                        <span >{{item.bankName}}</span>
                                    </div>
                                    <div class="list-value p20">
                                        <span >{{item.loanProductName}}</span>
                                    </div>
                                    <div class="list-value p10">
                                        <span>{{item.creditLine }}</span>
                                    </div>
                                    <div class="list-value p10">
                                        <span>{{item.loanMoney}}</span>
                                    </div>
                                    <div class="list-value p10">
                                         <span >{{item.loanRate}}</span>
                                    </div>
                                    <div class="list-value p10">
                                        <span>{{item.rangeTime}}</span>
                                    </div>
                                    <div class="list-value p10">
                                        <span  >{{item.graranteeMethodDesc}}</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="table-list">
                            <div class="table-title">企业开户情况</div>
                            <div class="list-wrap">
                                <div class="list-names">
                                    <div class="list-name p20">开户行</div>
                                    <div class="list-name p20">币别</div>
                                    <div class="list-name p20">账号</div>
                                    <div class="list-name p20">是否主结算行</div>
                                </div>
                                <div class="list-info" v-for="(item,index) in detail.bankAccountDatas" :key="index">
                                    <div class="list-value p20">
                                        <span >{{item.bankName}}</span>
                                    </div>
                                    <div class="list-value p20">
                                         <span  >{{item.currency }}</span>
                                    </div>
                                    <div class="list-value p20">
                                         <span>{{item.account}}</span>
                                    </div>
                                    <div class="list-value p20">
                                         <span >{{item.isMaster}}</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="table-list">
                            <div class="table-title">客户资产明细</div>
                            <div class="list-wrap">
                                <div class="list-names">
                                    <div class="list-name p20">资产类型</div>
                                    <div class="list-name p30">资产明细</div>
                                    <div class="list-name p20">权利人</div>
                                </div>
                                <div class="list-info"  v-for="(item,index) in detail.assetDetailDatas" :key="index">
                                    <div class="list-value p20">
                                        <span  >{{item.assetType}}</span>
                                    </div>
                                    <div class="list-value p30">
                                        <span >{{item.assetDetail}}</span>
                                    </div>
                                    <div class="list-value p20">
                                        <span >{{item.owner}}</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    import {parseUrlParams} from "../../util";
    let CONSTANT = require('../../constant/constant.js'),
        common = require('../../common.js');
    export default {
        data() {
            return {
                id: "",
                detail: {},
                financeInfo:'',
                companyName: "",
                questionInfo:'',
                options: [{
                    value: '选项1',
                    label: '黄金糕'
                }, {
                    value: '选项2',
                    label: '双皮奶'
                }],
                value: '',
                num: 0,
                messageList: [],
                userTypeArr:{
                    'company':'企业',
                    'bank':'资方',
                    'channel':'推荐机构'
                }
            }
        },
        components: {
            'table-list':() => import('../common/my-table')
        },
        mounted(){
            this.getDetail()
            this.getMessage()
            setInterval( () => {
                this.getMessage()
            }, 120000)
            this.id = parseUrlParams("id");

        },
        methods:{
            getMessage() {
                let url = CONSTANT.URL.CALENDAR.MESSAGELIST;
                common.requestAjax(url, {}, {}, (data) => {
                    if(data.status == 200) {
                        this.messageList = data.data.bussData;
                        this.showMarquee(this.num)
                    }
                })
            },
            getDetail() {
                let url = CONSTANT.URL.COMPANY.COMPANYDETAIL;
                common.requestAjax(url, {}, {userId: parseUrlParams("id")}, (data) => {
                   this.detail = data.data.bussData
                //    this.questionInfo = detail.
                })
            },
            returnPrice(num,state){
                if(state){
                    var str;
                    str = num;
                    if(num>9999&&num<=99999999){
                        str = (num/10000).toFixed(0) + '万'
                    }
                    if(num>99999999){
                        str = (num/100000000).toFixed(1) + '亿'
                    }
                    return str?str:0;
                }else{
                    return common.returnNum(num)
                }
                
            },
            handleClickSearch() {

            },
            handleClickAdd() {

            },
            showMarquee:function (num) {
                if (!this.messageList[0]) return
                this.messageList.push(this.messageList[0]);
                var max = this.messageList.length;
                var that = this;
                let marqueetimer =  setInterval(function(){
                    num++;
                    if(num>=max ){
                        num=0;
                    }
                    that.num=num*30;
                }, 2000);
            }
        }
    }
</script>

<style lang="scss" scoped>
    .message {
        display: block;
        position: relative;
        width: 60%;
        height: 30px;/*关键样式*/
        overflow: hidden;
    }
    .marquee_list{
        display: block;
        position: absolute;
        top:0;
        left: 0;
    }
    .marquee_top{transition: top 0.5s ;}/*关键样式*/
    .marquee_list li{
        height: 30px;/*关键样式*/
        line-height: 30px;/*关键样式*/
        font-size: 14px;
        padding-left: 20px;
        background-color: #fff;
        a {
            color: #333;
        }
    }
    .container {
        .mb30 {
            margin-bottom: 30px;
        }
        .company-detail {
            header {
                margin: 19px 0;
                font-size: 14px;
                color: #333;
                a {
                    color: #999;
                }
            }
            .focus-pointer {
                font-size: 14px;
                height: 70px;
                line-height: 70px;
                background-color: #fff;
                padding-left: 18px;
                white-space: nowrap;
            }
            .company-status {
                font-size: 14px;
                height: 70px;
                line-height: 70px;
                background-color: #fff;
                padding-left: 18px;
                white-space: nowrap;
                .btn-check {
                    height: 40px;
                    line-height: 40px;
                    background-color: #ED7018;
                    padding: 0 17px;
                    margin-left: 73px;
                    border-radius: 4px;
                    color: #fff;
                    font-size: 16px;
                }
            }
        }

        .head-title {
            position: relative;
            &:after {
                content: "";
                position: absolute;
                width: 100%;
                height: 1px;
                bottom: -8px;
                left: 0;
                background-color: #e1e1e1;
            }
        }

        .main-info {
            .primary-info {
                margin-right: 20px;
                padding: 10px 18px;
                background-color: #fff;
                .info_sec{
                    font-size: 14px;
                    color: #323232;
                    .info-list{
                        overflow: hidden;
                        margin-bottom: 26px;
                        .info-name{
                            float: left;
                            color: #666666;
                            margin-right: 4px;
                        }
                        .info-desc{
                            float: left;
                            max-width: 70%;
                        }
                    }
                }
            }
            .equity-info, .loan-info,.stock-info{
                background-color: #fff;
                padding: 10px 18px;
            }
            .equity-info{
                height: 183px;
                .equity-wrap{
                    overflow: hidden;
                  .wrap-left{
                      float: left;
                      width: 25.6%;
                      text-align: center;
                      border-right: 1px solid #E1E1E1;
                      .left-name{
                          color: #323232;
                          font-size: 42px;
                          margin-bottom: 15px;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                      }
                      .left-desc{
                          font-size: 16px;
                          color: #666;
                      }
                  }  
                  .wrap-right{
                      float: left;
                      margin-left: 5%;
                      width: 69%;
                      .table-menu{
                          .table-list{
                              overflow: hidden;
                              color: #111111;
                              margin-bottom: 20px;
                              &.title{
                                  color: #666666;
                              }
                              .list{
                                  overflow: hidden;
                                  text-overflow: ellipsis;
                                  white-space: nowrap;
                                  &:first-child{
                                      width: 40%;
                                  }
                                  float: left;
                                  width: 30%
                              }
                          }
                      }
                  }
                }
            }
            .loan-info {
                 height: 183px;
                .loan-wrap{
                    overflow: hidden;
                  .wrap-left{
                      float: left;
                      width: 25.6%;
                      text-align: center;
                      border-right: 1px solid #E1E1E1;
                      .left-name{
                          color: #323232;
                          font-size: 35px;
                          margin-bottom: 15px;
                          overflow: hidden;
                          text-overflow: ellipsis;
                          white-space: nowrap;
                      }
                      .left-desc{
                          font-size: 16px;
                          color: #666;
                      }
                  }  
                  .wrap-right{
                      float: left;
                      margin-left: 5%;
                      width: 69%;
                      .table-menu{
                          .table-list{
                              overflow: hidden;
                              color: #111111;
                              margin-bottom: 20px;
                              &.title{
                                  color: #666666;
                              }
                              .list{
                                  float: left;
                                  width: 25%;
                                  overflow: hidden;
                                  text-overflow: ellipsis;
                                  white-space: nowrap;
                              }
                          }
                      }
                  }
                }
            }
            .stock-info {
                margin-bottom: 30px;
                 height: 183px;
                .loan-wrap{
                    overflow: hidden;
                  .wrap-right{
                      .table-menu{
                          .table-list{
                              overflow: hidden;
                              color: #111111;
                              margin-bottom: 20px;
                              &.title{
                                  color: #666666;
                              }
                              .list{
                                  float: left;
                                  width: 30%;
                                  overflow: hidden;
                                  text-overflow: ellipsis;
                                  white-space: nowrap;
                                  margin-right: 2%;
                              }
                          }
                      }
                  }
                }
            }
        }
        
        .money-info {
            height: 400px;
            padding: 10px 18px;
            padding-bottom: 30px;
            background-color: #fff;
            .money-wrap{
                overflow: hidden;
                .money-list{
                    width: 18%;
                    float: left;
                    border-right: 1px solid #e1e1e1;
                    padding-left: 2%;
                    &:first-child{
                        padding-left: 0;
                        width: 20%;
                    }
                    &:last-child{
                        width: 17%;
                    }
                    .money-title{
                        font-size: 16px;
                        color: #111;
                        margin-bottom: 22px;
                    }
                    &:last-child{
                        border-right: 0;
                    }
                    .money-desc{
                        font-size: 14px;
                        color: #111;
                        margin-bottom: 20px;
                        span{
                            color: #666;
                        }
                        &:last-child{
                            margin-bottom: 0;
                        }
                    }
                }
            }
        }

        .business-plan {
            padding: 10px 18px;
            background-color: #fff;
             .head-title{
                 margin-bottom: 0;
             }
            .head-title:after{
                content: '';
                display: none;
            }
        }
        .question-info{
            padding: 10px 18px;
            background-color: #fff;
            .question-wrap{
                .tabs{
                    overflow: hidden;
                    font-size: 16px;
                    color: #666;
                    height: 55px;
                    line-height: 55px;
                    border-bottom: 1px solid #E1E1E1;
                    .tab{
                        &:first-child{
                            padding-left: 0;
                        }
                        cursor: pointer;
                        float: left;
                        padding: 0 30px;
                        &.active{
                            color: #ED7018;
                        }
                        &:hover{
                            color: #ED7018;
                        }
                    }
                }
                &.edit{

                }
                .question-infos{
                    padding-right: 85px;
                    .edit-btn{
                        margin-top: 20px;
                        width: 80px;
                        height: 30px;
                        background-color: #6C6C6C;
                        border-radius: 4px;
                        -webkit-border-radius: 4px;
                        font-size: 16px;
                        color: #fff;
                        text-align: center;
                        line-height: 30px;
                        cursor: pointer;
                        &:hover{
                            background-color: #555;
                            transition:all .2s linear
                        } 
                    }
                    .infos{
                        font-size: 14px;
                        color: #666;
                        padding-bottom: 20px;
                        border-bottom: 1px solid #e1e1e1;
                        .infos-name{
                            color: #111;
                            font-size: 16px;
                            margin: 19px 0 3px;
                        }
                        .infos-list{
                            margin-top: 23px;
                            .el-input{
                                width: 300px;
                            }
                            span{
                                color: #111111;
                            }
                        }
                    }
                    .submit-btn{
                            width:80px;
                            height: 40px;
                            bottom: 20px;
                            margin: 20px auto;
                            // margin-left: 41px;
                            // margin-top: 30px;
                            background-color: #ED7018;
                            border-radius: 4px;
                            -webkit-border-radius: 4px;
                            font-size: 14px;
                            color: #fff;
                            text-align: center;
                            line-height: 40px;
                            cursor: pointer;
                            &:hover{
                                background-color: #ED9000;
                                transition:all .2s linear
                            } 
                    }
                    .table-list{
                        position: relative;
                        padding-bottom: 20px;
                        border-bottom: 1px solid #e1e1e1;
                        .table-title{
                            font-size: 16px;
                            color: #111;
                            padding-top: 25px;
                            margin-bottom: 19px;
                        }
                        .list-wrap{
                            .p10{
                                width:10%!important;
                            }
                            .p20{
                                width:20%!important;
                            }
                            .p15{
                                width:15%!important;
                            }
                            .p18{
                                width:18%!important;
                            }
                            .p30{
                                width:30%!important;
                            }
                            .p40{
                                width:40%!important;
                            }
                            .p50{
                                width:50%!important;
                            }
                            .p60{
                                width:60%!important;
                            }
                            .list-info{
                                position: relative;
                                overflow: hidden;
                                .list-value{
                                    float: left;
                                    width:20%;
                                    // margin-right: 20px;
                                    margin-top: 30px;
                                    font-size: 14px;
                                    color: #323232;
                                    
                                    .el-input{
                                        width: 80%;
                                    }
                                    .el-select{
                                        width: 80%;
                                    }
                                }
                            }
                            .btn{
                                position: absolute;
                                right: 5px;
                                width: 73px;
                                height: 40px;
                                bottom: 20px;
                                // margin-left: 41px;
                                // margin-top: 30px;
                                background-color: #ED7018;
                                border-radius: 4px;
                                -webkit-border-radius: 4px;
                                font-size: 14px;
                                color: #fff;
                                text-align: center;
                                line-height: 40px;
                                cursor: pointer;
                                &:hover{
                                    background-color: #ED9000;
                                    transition:all .2s linear
                                } 
                            }
                            .list-names{
                                color: #666;
                                overflow: hidden;
                                .list-name{
                                    float: left;
                                    width:20%;
                                    // margin-right: 20px;
                                }

                            }
                        }
                    }
                }
            }
        }
    }
</style>
